﻿*{
	margin:0;
    /*padding:0;*/
}
img{
	border:0
}
/*****hover*********************/
a{ /* visited link */
	color:black;
	text-decoration: none;
}
a:visited{ /* visited link */
	color:black;
	text-decoration: none;
}
a:focus{
	color:black;
	text-decoration:underline;
}
a:hover{ /* mouse over link */
	color:black;
	text-decoration:underline;
}
a:active{ /* selected link */
	color:black;
	text-decoration:underline;
}
          
/* General Layout
________________________________*/
            
body{ /*canh giữa cho layout*/
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
	color:#191a19;
	width:960px; 		/*SET WIDTH CHO TOÀN BỘ BODY*/
}
#header{
	clear:both; 		
    /*position:relative;
    z-index:2;			không đổi*/
    
    margin-bottom:10px;
    height:196px;
    margin-bottom:20px;
}
#page{/*div lớn của toàn bộ layout*/
    min-height:100%;
    position:absolute;
    
    width:960px; 		/*SET WIDTH CHO LAYOUT, = WIDTH BODY*/
}

#footer{
    position:relative;
    bottom:0;
    z-index:2;
    /*width:100%;*/
    clear:both; 		/*không đổi*/
    
    border-top:solid 5px #dbdbdb;
    padding-top:20px;
    height:60px;
}
/* We have to set the z-index of the real content to 2 to bring it back on top of the columns. As the actual 
content is not positionned absolutelly, the footer still behave normally and is pushed down by it. */
            
#content { /*center, do not change anything*/
	float:left;
    margin-right:-100%;
    position:relative;
    z-index:1;
    height:100%;
    top: 0px;
    left: 0px;
}
.column {
    float:left;	
    
    padding:0 0 10px; /*SET PADDING BOTTOM = HEIGHT FOOTER + PADDING MONG MUỐN*/
}
/* -- compensating the padding on sidebars -- multiply the padding of columns by 2, and remove
it from the width of each sidebar. */
            
#left{
	position:relative;
    z-index:2;

    width:186px;		/*SET WIDTH CỦA LEFT = WIDTH(.LEFT) - [PADDING + MARGIN + (BORDER WIDTH x 2)] nếu có */
    margin:0;
}    
#right{
	position:relative;
    z-index:1;
	width:186px;		/* SET WIDTH CỦA RIGHT = WIDTH(.RIGHT) - [PADDING + MARGIN + (BORDER WIDTH x 2)] nếu có */
}   
            
/* You can easily change the layout proportions by just changing the matching values. For example,
to have a 100px left sidebar, I just have to change all the 220 to 100 (and the -220 to -100).*/
            
#content-inner {
	float:none;
	min-height:100%;
	
    margin-left: 0px;   /* SET LEFT Sidebar width, = WIDTH TRONG .LEFT + MARGIN (nếu có) 190 +5 */
    margin-right: 186px;  /* SET RIGHT Sidebar width, = WIDTH TRONG .RIGHT + MARGIN (nếu có) 220 + 5 */
 /*  	border:1px orange solid;*/
	padding-left:11px;
	padding-right:11px;
    
}   
#content-inner1
{
    float:none;
	min-height:100%;
	
    margin-left: 186px;   /* SET LEFT Sidebar width, = WIDTH TRONG .LEFT + MARGIN (nếu có) 190 +5 */
    margin-right: 0;  /* SET RIGHT Sidebar width, = WIDTH TRONG .RIGHT + MARGIN (nếu có) 220 + 5 */
 /*  	border:1px orange solid;*/
}                    
.left {
	width: 186px;         /* LEFT Sidebar width, CỘNG CẢ PADDING, MARGIN VÀ BORDER CỦA LEFT COL */
    /*margin-right:-195px;   LEFT Sidebar width, = WIDTH .LEFT */
}                       
.right{                 
	float:right;          
	width: 186px;         /* RIGHT Sidebar width, CỘNG CẢ PADDING, MARGIN VÀ BORDER CỦA RIGHT COL */
}
            
/* Equal Height Columns 
________________________________*/
            
/* The columns are created using empty DIV that have to be inside the main wrapper (#page) and should be 
positionned relative. Each DIV have the same width as its corresponding columns (done by using class), and by 
postionning them absolutelly (bottom) and giving them a height of 100%, the DIVs fill the entire space that the 
columns should fill.*/
            
.bg{/*do not change anything*/
	position:absolute;
    bottom:0;
    height:100%;
}
#bgleft{
	left:0;
	
	background-color:#d7ecff; /*SET BG COLOR CHO LEFT COLUMN*/
}
#bgright{
	right:0;
	
	background-color:#fff2d7; /*SET BG COLOR CHO RIGHT COLUMN*/
}
#bgcenter{
	right:0;
    width:100%;
    
/*    background-color:#969; SET BG COLOR CHO CENTER*/
}
/***************************************
.top-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	
	height:32px;
	background-repeat:repeat-x;
}
.top-menu li{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
    font-size:14px;
    font-weight:bold;	
    text-align:center;
}
******************border cong***********************/
.border{
	padding:0;
	background-color:#FDF;
	margin:0;
}
p{
	padding:0 10px;
	margin:0;
}
.border1{
	text-align:right;
	background:#fdf url('images/p1botleft.gif') left bottom no-repeat;
}
.border2{
	text-align:left;
	background:#fdf url('images/p1topleft.gif') right top no-repeat;
}
h2{
	margin:0;
	padding:0;
	background:#fdf url('images/p2toprt.gif') top right no-repeat;
	font-size:11px
}
/**************************contact & about us***************************/
.contact-tbox
{
    width:250px;
    margin-left:10px;
}
.required
{
    background-color:#fbe0b3;
}
.aboutus
{
    padding:0 5px 10px 5px;
    line-height:1.6em;
    text-align:justify;
    margin-left:5px;
    margin-top:5px;
}
/*************************header**********************************/
.top-menu
{
	height:53px;
	float:left;
	/*position: relative;
	z-index: 2;*/
}
.top-menu ul
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:53px;
}
.top-menu li
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline; 
    font-size:12px;
    text-align:center;
    margin: 0px 1px 0px 0px;
}
.top-menu li a
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline; 
    background-image:url('images/bg-menu.gif');
    background-repeat:repeat-x;
    padding: 16px 12.6px 0;
    height:37px;
    font-weight: bold;
}
.top-menu li a:hover
{
    background-image:url('images/bg-menuhover.gif');
    background-repeat:repeat-x;
    text-decoration:none;
    font-weight: bold;
}
.top-menu li .focus
{
    background-image:url('images/bg-menuhover.gif');
    background-repeat:repeat-x;
    text-decoration:none;
    font-weight: bold;
}
.login
{
	background-image: url('images/bg-menu.gif');
	background-repeat:repeat-x;
	float:right;
	width:392px;
}
.footer-left
{
	color:#514f4f;
	line-height:1.5em;
	float:left;
}
.footer-right
{
	 float:right;
	 color:#514f4f;
}
.footer-right a
{
	color:#514f4f;
	padding:10px;
}
/**********************************************************/
.bg-col
{
	background-color:#e4e6e0;
	padding:5px;
	margin-bottom:10px;
}
.bg-col h1
{
	font-size:12px;
	text-align:center;
	line-height:2.5em;
	color:#292929;
}
.bg-col ul
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	background-color:#ffffff;
	border:solid 1px #dcdcdc;
	padding:10px;
}
.bg-col li
{
	padding:0;	
	margin:0;
	display:block;
	border-bottom:dotted 1px #c3c3c3;
	background: url(images/arrow_right.gif) left center no-repeat;
}
.bg-col li:hover
{
    background: url(images/arrow_right_over.gif) left center no-repeat;
}
.bg-col li a
{
	display:block;
	/*font-style:italic;*/
	line-height:1.5em;
	margin-left: 10px;
}
.bg-col li a:visited
{
	display:block;
	/*font-style:italic;*/
	line-height:1.5em;
}
.bg-col li a:hover
{
	display:block;
	/*font-style:italic;*/
	line-height:1.5em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col li a:focus
{
	display:block;
	/*font-style:italic;*/
	line-height:1.5em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col li a:active
{
	display:block;
	/*font-style:italic;*/
	line-height:1.5em;
	color:#e45800;
	text-decoration:none;
}
.bg-col1
{
	background-color:#e4e6e0;
	padding:5px;
	margin-bottom:10px;
}
.bg-col1 h1
{
	font-size:14px;
	text-align:center;
	line-height:2.5em;
	color:#292929;
}
.bg-col1 ul
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	background-color:#ffffff;
	border:solid 1px #dcdcdc;
	padding:5px;
}
.bg-col1 li
{
	padding:0;	
	margin:0;
	display:block;
	padding:3px 0px;
}
.bg-col1 li a
{
    
	display:block;
	line-height:1.2em;
	
}
.bg-col1 li a:visited
{
	display:block;
	line-height:1.2em;
}
.bg-col1 li a:hover
{
	display:block;
	line-height:1.2em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col1 li a:focus
{
	display:block;
	line-height:1.2em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col1 li a:active
{

	display:block;
	line-height:1.2em;
	color:#e45800;
	text-decoration:none;
}
.danhmucsanpham
{
	margin-bottom:10px;
}
.danhmucsanpham ul
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	padding:5px;
}
.danhmucsanpham li
{
	padding:0;	
	margin:0;
	display:block;
	padding:3px;
}
.danhmucsanpham li img
{
	margin-right:10px;
}
.danhmucsanpham li a
{
	display:block;
	font-weight:bold;
	color:#32302f;
}
.danhmucsanpham li a:visited
{
	display:block;
	font-weight:bold;
	color:#32302f;
}
.danhmucsanpham li a:hover
{
	display:block;
	font-weight:bold;
	color:#ff6d00;
	text-decoration:none;
}
.danhmucsanpham li a:focus
{
	display:block;
	font-weight:bold;
	color:#ff6d00;
	text-decoration:none;
}
.danhmucsanpham li a:active
{
	display:block;
	font-weight:bold;
	color:#ff6d00;
	text-decoration:none;
}
.support ul
{
	display:block;
	margin-bottom:10px;
	list-style:none;
}
.support li
{
	display:block;
	border-bottom:dotted 1px #c3c3c3;
	padding:7px 0px;
}
.bg-khuyenmai
{
	background-image:url('images/bg-khuyenmai.gif');
	background-repeat:no-repeat;
	height:115px;
	padding-top:7px;
	padding-left:20px;
	margin-bottom:10px;
	position: relative;
	z-index: 1;
}
.tablekhuyenmai
{
    border: none;
	width: 556px;
	float: left;
}
.view
{
	background-color:#dbdbdb;
	padding:5px;
	display:block;
	height:25px;
	width:556px;
	margin-bottom:10px;
}

.viewgirid
{
	background-color:#ffffff;
	padding:5px;
	width:170px;
	float:left;
}
.btn-viewgirid a
{
	background-image:url('images/grid.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	margin-right:20px;
	float:left;
	font-size:11px;
}
.btn-viewgirid a:hover
{
	background-image:url('images/grid.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	margin-right:20px;
	float:left;
	font-size:11px;
	text-decoration:none;
	color:#ff6b00;
}
.btn-print a
{
	background-image:url('images/print.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	font-size:11px;
}
.btn-print a:hover
{
	background-image:url('images/print.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	font-size:11px;
	text-decoration:none;
	color:#ff6b00;
}
.btn-go a
{
	background-image:url('images/bg-go.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:3px;
	text-align:center;
	float:right;
	color:#ff6b00;
	font-weight:bold;
	width:36px;
	margin-left:10px;
}
.btn-go a:hover
{
	background-image:url('images/bg-go.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:3px;
	text-align:center;
	float:right;
	color:#000000;
	font-weight:bold;
	width:36px;
	margin-left:10px;
	text-decoration:none;
}
.paging
{
	/*clear:left;*/
	display:inline-block;
	margin-bottom:10px;
	float: right; right: 0px;
}
.paging a
{
	padding:2px;
}
.paging a:visited
{
	padding:2px;
}
.paging .focus
{
	padding:2px;
	color:#ff6b00;
	font-weight: bold;
	text-decoration:none;
}
.paging a:hover
{
	padding:2px;
	color:#ff6b00;
	text-decoration:none;
}
.paging a:active
{
	padding:2px;
	color:#ff6b00;
	text-decoration:none;
}
.bg-sp
{
	 background-image:url('images/bg-line-sp.gif');
	 background-repeat:repeat-y;
	 width:566px;
}
.bg-sp td
{
	vertical-align:top;
}
.bg-sp span
{
	display:block;
	margin-top:10px;
}
.bg-rating
{
    display: block;
}
.bg-rating
{
	background-image:url('images/bg-bottom-sp.gif');
	background-repeat:no-repeat;
	height:23px;
	padding-top:5px;
	padding-left:30px;
	width:536px;
	font-size:11px;
}
.btn-addprice
{
    display: inline-block;
    margin-bottom: 6px;
}
.btn-addprice a
{
	background-image:url('images/addprice.gif');
	background-repeat:no-repeat;
	padding-left:16px;
	color:#575656;
	margin:0 15px;
}
.rating
{
	margin-right:15px;
	color:#575656;
	margin-bottom: 6px;
	display: inline-block;
}
.email
{
    display: inline-block;
    margin-bottom: 6px;
}
.email a
{
	background-image:url('images/email.gif');
	background-repeat:no-repeat;
	background-position:left inherit;
	padding-left:18px;
	color:#575656;
	margin:0 15px;
}
.img-sp
{
	/*width:117px;
	height:104px;*/
	margin:0 10px 10px 10px;
}
.h1 a
{
	font-size:14px;
	color:#ff6b00;
	margin-bottom:5px;
	display:block;
}
.h1 a:hover
{
	font-size:14px;
	color:#b1b1b1;
	margin-bottom:5px;
	display:block;
	text-decoration:none;
}
.h2
{
	color:#488308;
	font-size:14px;
	display:block;
	margin:10px 0;
	background-color:Transparent;
}
.btn-dathang a
{
	background-image:url('images/bg-dathang.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:4px;
	padding-left:25px;
	width:71px;
	color:#ffffff;
	float:right;
	text-align:left;
	text-decoration:none;
}
.btn-dathang a:hover
{
	background-image:url('images/bg-dathang-hover.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:4px;
	padding-left:25px;
	width:71px;
	color:#ffffff;
	float:right;
	text-align:left;
	text-decoration:none;
}
.bg-col2
{
	background-color: #e4e6e0;
	padding: 5px;
	margin-bottom: 10px;
}
.bg-col2 h1
{
	font-size: 14px;
	text-align: center;
	line-height: 2.5em;
	color: #292929;
}
.boder
{
	border: solid 1px #dcdcdc;
	background-color: #ffffff;
	padding: 7px;
	color:#363636;
}
.bg-col2 ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin-bottom:8px;
}
.bg-col2 li
{
	padding: 0;
	margin: 0;
	display: block;
	font-size: 10px;
	padding: 2px 0px 2px 12px;
}
.bg-col2 li a
{
	background:url('images/check.gif') left center no-repeat;
	padding-left:15px;
	text-decoration:none;
	color:#595959;
}
.bg-col2 li a:hover
{
	background:url('images/check-hover.gif') left center no-repeat;
	padding-left:15px;
	text-decoration:none;
	color:#595959;
}
input.checkbox
{
background:url('images/check.gif') left center no-repeat;
}
input.checkbox:hover
{
background:url('images/check-hover.gif') left center no-repeat;
}
label.checkbox:hover
{
background:url('images/check-hover.gif') left center no-repeat;
}

.bg-col2 .focus
{
	background:url('images/check-hover.gif') left center no-repeat;
	padding-left:15px;
	text-decoration:none;
	color:#595959;
}
.bg-col2 ul span
{
	font-weight: bold;
	padding-left: 17px;
	background: url( 'images/icon-4.gif' ) left center no-repeat;
	text-decoration:none;
	color: #ff6d00;
}
/*.bg-col2 ul span:hover
{
	background: url( 'images/icon-4-hover.gif' ) left center no-repeat;
	color: #ff6d00; 
	text-decoration:none;
}*/
.title
{
	background-color:#0E6AD9;
	padding:5px;
	color:#ffffff;
	margin-bottom:10px;
}
.title a
{
	color:#ffffff;
	padding: 0 10px;
	font-weight:bold;
}
.about
{
	padding:0 10px;
	text-align:justify;
	line-height:1.5em;
	
}
.daily
{
	border-bottom:dotted 1px #9a9a9a;
	margin: 0 10px;
	padding:10px 0;
	line-height:1.5em;
}
.tin
{
	border-bottom:dotted 1px #9a9a9a;
	margin: 0 10px;
	padding:10px 0;
	line-height:1.5em;
	min-height:106px;
}
.img-tin
{
	width:134px;
	height:106px;
	float:left;
	margin-right:10px;
}
.margin-top10px
{
	margin-top:10px;
}
.bg-1
{
	background:url('images/bg-top-sp.gif') no-repeat top left;
	padding-top:17px;
}
.bg-2
{
	background:url('images/bg-bottom.gif') no-repeat left bottom;
	padding-bottom:15px;
    width: 545px;
}
.bg-3
{
	 background-image:url('images/bg-line-sp.gif');
	 background-repeat:repeat-y;
	 text-align:justify;
	 line-height:1.5em;
	 padding:5px 15px;
}
.bg-4
{
	 background-image:url('images/bg-line-sp.gif');
	 background-repeat:repeat-y;
	 line-height:1.5em;
}
.tinkhac
{
	padding:15px;
}
.tinkhac h1
{
	font-size:16px;
	color:#ff6600;
	line-height:2.5em;
}
.tinkhac ul
{
	list-style: none;
	display: block;
	margin-bottom:10px;
}
.tinkhac li a
{
	margin-left:15px;
	display: block;
	padding-bottom:5px;
	color:#545454;
	text-decoration:none;
}
.tinkhac li a:hover
{
	padding-bottom:5px;
	color:#ff6600;
	text-decoration:none;
}
.text-right
{
	text-align:right;
}
.text-center
{
	text-align:center;
}
.btn-send a
{
	background-image:url('images/bg-send.gif');
	background-repeat:no-repeat;
	height:20px;
	padding-top:2px;
	padding-left:25px;
	width:49px;
	color:#ffffff;
	float:left;
	text-align:left;
	text-decoration:none;
	margin-right:10px;
}
.btn-send a:hover
{
	background-image:url('images/bg-send-hover.gif');
	background-repeat:no-repeat;
	height:20px;
	padding-top:2px;
	padding-left:25px;
	width:49px;
	color:#ffffff;
	float:left;
	text-align:left;
	text-decoration:none;
	margin-right:10px;
}
.tuyendung
{
	border:solid 1px #c9c9c9;
	width:100%;
	margin-bottom:15px;
}
.tuyendung td
{
	padding:10px;
}
.tuyendung a
{
	color:#ff6600;
	font-weight:bold;
}
.boder-b
{
	border-bottom:solid 1px #c9c9c9;
}
.boder-r
{
	border-right:solid 1px #c9c9c9;
}
.boder-t
{
	border-right:solid 1px #ffffff;
}
.btn-search a
{
	background-image:url('images/btn-download.gif');
	background-repeat:no-repeat;
	height:18px;
	width:60px;
	padding-top:3px;
	text-align:center;
	float:right;
	text-decoration:none;
	color:#ff6600;
	margin-left:10px;
}
.btn-search a:hover
{
	background-image:url('images/btn-download.gif');
	background-repeat:no-repeat;
	height:18px;
	width:60px;
	padding-top:3px;
	text-align:center;
	float:right;
	text-decoration:none;
	color:#353535;
	margin-left:10px;
}
.td
{
	padding:10px;
	border-bottom:dotted 1px #979696;
}
.bg-menu-sp
{
	background:url('images/bg-top-sp1.gif') no-repeat bottom left;
	width:546px;
	height:50px;
	padding-left:20px;
	margin-top:20px;
}
.bg-menu-sp a
{
	background:url('images/tab-left.gif') no-repeat scroll bottom right;
	padding-right:15px;
	margin-right:2px;
	height:34px;
	float:left;
	text-decoration:none;
	font-weight:bold;
}
.bg-menu-sp a:hover
{
	background:url('images/tab-left.gif') no-repeat scroll top right;
	padding-right:15px;
	margin-right:2px;
	height:34px;
	float:left;
}
.bg-menu-sp a span
{
	background:url('images/tab-right.gif') no-repeat bottom left;
	padding:10px 0px 0 15px;
	height:24px;
	float:left;
	font-weight:bold;
	color:#707070;
}
.bg-menu-sp a span:hover
{
	background:url('images/tab-right.gif') no-repeat top left;
	padding:10px 0px 0 15px;
	height:24px;
	float:left;
	font-weight:bold;
	color:#000000;
}
.sp-gird
{
	background-image:url('images/center-gird.gif');
	background-repeat:repeat-y;
	padding:0 10px;
	width:270px;
	height: 205px;
}
.sp-grid
{
	background-image:url('images/center-gird.gif');
	background-repeat:repeat-y;
	padding:0 10px;
	width:278px;
	height: 250px;
}
.sp-gird td
{
	vertical-align:top;
}
.table1
{
	float:left;
	width:278px;
	margin-bottom:10px;
}
.sendmail
{
	background-image:url('images/bottom-gird.gif');
	background-repeat:no-repeat;
	width:258px;
	height:23px;
	padding-top:5px;
	padding-left:20px;
}
.margin-right10
{
	margin-right: 5px;
    width: 277px;
}
.none-bottom
{
    border-bottom:none;
}
.has-bottom
{
    border-bottom:dotted 1px #c3c3c3;
}
.tin-bottom
{
    border-bottom:dotted 1px #9a9a9a;
}
/* Input Box */.inputbox
{
    border: 1px solid #999999;
}
.inputbox:hover, .inputbox:focus
{
    border: 1px solid #666666;
    background: #FFFFCC none repeat scroll 0 0;
}
/* Rating */
.ratingStar {
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    margin-top: 2px;
    cursor: pointer;
    /*display: block;*/
    background-repeat: no-repeat;
}

.ratingStar1 {
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    /*display: block;*/
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(images/SavedStar.png);
}



.btndathang
{
	background-image:url('images/bg-dathang.gif');
	background-repeat:no-repeat;
	padding-top:3px;
	padding-left:25px;
	color:#ffffff;
	float:left;
	text-align:left;
	text-decoration:none;
}

.btndathang:hover
{
    text-decoration: none;
    color: #fff;
	background-repeat:no-repeat;
	background-image:url('images/bg-dathang-hover.gif');
}
.btndathang:active
{
    text-decoration: none;
    color: #fff;
	background-repeat:no-repeat;
	background-image:url('images/bg-dathang-hover.gif');
}
.btndathang:visited
{
    text-decoration: none;
    color: #fff;
	background-repeat:no-repeat;
	background-image:url('images/bg-dathang-hover.gif');
}
.hr
{
	background-color:#dbdbdb;
	/*padding:1px;*/
	display:block;
	/*height:2px;*/
	width:556px;
	/*margin-bottom:10px;*/
}
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/* AutoComplete item */
/* content-tools */
#content_top
{
    float: left;
    width: 100%;
}
#content_top .topbody
{
	background-image: url('images/content_tools_bg.gif');
	background-repeat: repeat-x;
	position: relative;
	z-index: 2;
	margin: -17px 0px 0px 0px\9;/*IE8*/
	margin: -17px 0px 0px 0px; /*all*/
	*margin: -17px 0px 0px 0px; /*IE7*/
	_margin: -17px 0px 0px 0px;/*IE6*/
	width: 98.9%;
	float: left;
	height: 36px;
	vertical-align: middle; 
	padding-top: 5px\9;
	padding-top: 5px;
	*padding-top: 7px;
	_padding-top: 7px;
}
#content_top .topleft 
{
    background-image: url('images/content_tools_left.gif');
	background-repeat: no-repeat;
	width: 5px;
	float: left;
	height: 36px;
	margin: -17px 0px 0px 0.2px\9;
	margin: -17px 0px 0px 0.2px;
	*margin: -17px 0px 0px 0.9px;
	_margin: -17px 0px 0px 0.9px;
}
#content_top .topright 
{
    background-image: url('images/content_tools_right.gif');
	background-repeat: no-repeat;
	margin: -17px 0px 0px 0.2px\9;
	margin: -17px 0px 0px 0.2px;
	*margin: -17px 0px 0px 0.9px;
	_margin: -17px 0px 0px 0.9px;
	width: 5px;
	float: left;
	height: 36px;
}
/* /content-tools */
.topnew
{
 
}
ul#news {
	list-style: none;
	display: block;   
	padding-top: 5px;
	padding-left: 10px;
}
ul#news li
{
	display: block;
	white-space: nowrap;
}
.comparenow
{
	font-weight: bold;
	background: url('images/check.gif') left center no-repeat;
	padding-left: 15px;
	font-size: 11px;
	cursor: pointer;
	text-decoration:none;
	color: #514f4f;
}
.comparenow:hover
{
	cursor: pointer;
	background: url('images/check-hover.gif') left center no-repeat;
	padding-left: 15px;
	color: #ff6d00;
	text-decoration: none;
}
.none-selected
{
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	text-decoration:none;
	color: #514f4f;
}
.selected
{
    background: url('images/check-hover.gif') left center no-repeat;
    padding-left: 15px;
    font-weight: normal;
	font-size: 11px;
	cursor: pointer;
	color: #ff6d00; 
	text-decoration:none;
}
.selected:hover
{
    background: url('images/check.gif') left center no-repeat;
	color: #514f4f; 
	text-decoration:none;
}

.btn-sosanh
{
    padding-top: 5px;
}
.setfocus
        {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75, sizingMethod='crop');
            _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75, sizingMethod='crop');
            -moz-opacity: 0.75;
            opacity: 0.75;
            cursor: pointer;
        }
        .highlightit:hover
        {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75, sizingMethod='crop');
            _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75, sizingMethod='crop');
            -moz-opacity: .75;
            opacity: .75;
            cursor: pointer;
        }
        .highlightit
        {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100, sizingMethod='crop');
            _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100, sizingMethod='crop');
            -moz-opacity: 1;
            opacity: 1;
            cursor: pointer;
        }
        img.floattopleft { 
    float: left; 
    position: absolute;
    z-index: 99;
    margin-top: -20px;
    width: 45px;
    height: 45px;
}
img.floattopleft2 { 
    float: left; 
    position: absolute;
    z-index: 99;
    margin-left: -20px;
    margin-top: -20px;
    width: 45px;
    height: 45px;
}
img.floattopleft3 { 
    float: left; 
    position: absolute;
    z-index: 99;
    margin-left: 0px;
    margin-top: -10px;
    width: 45px;
    height: 45px;
}
